<template>
    <div class="pl20 pr20 mt10 relative" style="background:#fff">
            <br/>
        <el-form  size="mini" label-width="150px">
        <el-form-item label="商品名称">
            {{details.name}}
        </el-form-item>
        <el-form-item label="商品积分">
        {{details.integral}}

        </el-form-item>
        <el-form-item label="商品类型">
        {{details.type==0?'实物':'虚拟'}}
        </el-form-item>
        <el-form-item label="列表图片">
            <img :src="details.img_url" alt="加载失败" width="200" height="100">
        </el-form-item>
        <el-form-item label="APP详情图片">
            <img :src="details.img_url_detail_app" alt="加载失败" width="200" height="100">
        </el-form-item>
        <el-form-item label="PC详情订单图片">
            <img :src="details.img_url_detail_pc" alt="加载失败" width="200" height="100">
        </el-form-item>
        <el-form-item label="商品详情" >
          <div v-html="details.simple_desc"></div>
        </el-form-item>
       

        </el-form>
<br>
<div class="tc">
    <el-button type="primary" @click="$router.go(-1)">返回</el-button>
</div>
<br>
    </div>
</template>

<script>
import server from "@/service/index_c";
export default {
  data() {
    return {
      details: {}
    };
  },
  mounted() {
    this.queryGoodsDetails();
  },
  watch: {
    $route: "queryGoodsDetails"
  },
  methods: {
    async queryGoodsDetails() {
      let res = await server.haiheiQueryShopingDetails({
        id: this.$route.query.id
      });
      if (res.success) {
        this.details = res.result;
      }
    }
  }
};
</script>

<style scoped>

</style>